// TODO:对接暗黑模式

.hl-input-box {
  padding-bottom: 40px;
  .label {
    color: rgba(255, 255, 255, 0.85);
    line-height: 40px;
    padding-bottom: 11px;
    font-size: 32px;
    font-weight: 500;
  }

  .var-input {
    .var-field-decorator__controller {
      padding: 24px 28px;
      background: rgb(36, 36, 36);
      border-radius: 8px;
      height: 96px;
      color: #fff;
      .var-field-decorator__middle {
        padding: 0;
        margin: auto 0;
      }

      &.var-field-decorator--error {
        border-color: var(--input-error-color);
      }

      .var-input__placeholder {
        font-size: 28px;
        overflow: hidden;
      }
      .var-input__input[type='password']::-ms-reveal {
        display: none;
      }

      // 替换图标
      .var-field-decorator__icon {
        padding: 20px 0;
        .var-field-decorator__clear-icon {
          font-family: 'iconfont';
          &::before {
            content: '\e69b';
          }
        }
      }
    }
    .var-form-details {
      // 隐藏input组件自带的字数展示
      .var-form-details__extra-message {
        display: none;
      }
    }
    &.textarea {
      .var-field-decorator__controller {
        height: auto;
        padding-top: 28px;
        padding-bottom: 28px;
      }
    }
    .var-input__input {
      color: #ffffff;
    }
  }
}
input:focus  {
  caret-color: #0063f5;
}
.var-field-decorator__clear-icon {
  color: #b9b9bb;
  font-size: 30px!important;
}
.icon-eyes {
  color: #b9b9bb;
}